[JavaScript]Do not scroll parent element

發表於 更新於 分類於

正常來講滑完子元素的滾輪他會自動滑外面父元素的滾輪，要取消的話只要加上一段js就可以了：

1
2
3
4
5
6
7
$( '.son' ).on( 'mousewheel', function ( e ) {
	var event = e.originalEvent,
		d = event.wheelDelta || -event.detail;

	this.scrollTop += ( d < 0 ? 1 : -1 ) * 10;
	e.preventDefault();
});

比較有趣的是this.scrollTop += ( d < 0 ? 1 : -1 ) * 10;後面的* 10似乎會影響滑動速度，調越高滑越快，還沒有很搞懂這個原理之前先把它記下來。

參考文件
某一個人的Stack overflow

某人的codepen也很值得研究